<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/administrator/AdministerPicture' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>其它数据统计</el-breadcrumb-item>
  </el-breadcrumb>
  <div class="others-statistics">其它数据统计</div>
  <el-table :data="tableData" style="width: 100%" border :show-header="false">
    <el-table-column prop="name" label="名称">
      <template #default="{ row }">
        <span style="font-weight: bold;">{{ row.name }}</span>
      </template>
    </el-table-column>
    <el-table-column prop="value" label="值"></el-table-column>
  </el-table>
</template>


<script setup>
	import { reactive, ref, onMounted } from 'vue';
	import axios from 'axios';
	import { useRouter } from 'vue-router';
	import { ElMessage } from 'element-plus';
	const isSwitchOn = ref(false); 
	const tableData = reactive([
	  { name: '空气质量检测总数', value: '数据1' },
	  { name: '空气质量检测良好数量', value: '数据2' },
	  { name: '省会城市网格覆盖范围', value: '数据3' },
	  { name: '大城市网格覆盖范围', value: '数据4' }
	])
	let toggleSwitch = () =>{
		console.log(isSwitchOn.value)
	}
	
</script>

<style scoped>
	.el-table th  {
	    display: none;
	}
	.others-statistics {
	padding: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold; /* 设置字体为加粗 */
	color: black; /* 设置字体颜色为黑色 */
	}
</style>